<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hotel Information</title>
<link rel="stylesheet" href="style.css" />
<script src="hotel.js" type="text/javascript"></script>
</head>

<body>
<p>Select a table and click 'GO' to see the contents of the table.</p>
<form action="m8_results_ajax.php" method = "get" id = "hotel_form">
<p>
	<select id="tbl" name="tbl">
    <option value = "Address">Address</option>
	<option value = "Bookings">Bookings</option>
	<option value = "Characteristics">Characteristics</option>
	<option value = "Country">Country</option>
	<option value = "Customers">Customers</option>
	<option value = "Facilities">Facilities</option>
	<option value = "Guests">Guests</option>
	<option value = "HotelCharacteristics">HotelCharacteristics</option>
	<option value = "Hotels">Hotels</option>
	<option value = "PaymentMethods">PaymentMethods</option>
	<option value = "Payments">Payments</option>
	<option value = "PeriodRoomRates">PeriodRoomRates</option>
	<option value = "RoomBookings">RoomBookings</option>
	<option value = "RoomFacilities">RoomFacilities</option>
	<option value = "RoomRatePeriods">RoomRatePeriods</option>
	<option value = "Rooms">Rooms</option>
	<option value = "RoomTypes">RoomTypes</option>
    </select>
    <input name = "go" type = "submit" value = "GO" />
</p>
</form>
<div id="results"></div>
</body>
</html>
